<template>
	<view class="popup-module" v-if="close">
		<view class="popup-bg" @click="close = false"></view>
		<view class="popup-content"><slot></slot></view>
	</view>
</template>

<script>
export default {
	props:{
		close:{
			 type: Boolean,
			      default: false
		}
	},
	data() {

		return {

		};
	}
}
</script>

<style lang="scss">
.popup-module,
.popup-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.4);
	@extend .flex-space-between-center;
	justify-content: center;
	align-items: center;
}

.popup-bg {
	z-index: -1;
}

.popup-content {
	width: 100%;
	position: relative;
	z-index: 100;
}
</style>
